/* 有路网的通用样式 */

.bannerWrapper{
	width: 100%;
	height: 30px;
	background-color: #F4F4F4;
}
.bannerWrapper .banner{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	line-height:30px ;
	/* border: solid 1px gray; */
	background-image: url(https://www.youlu.net/images/home/welcome.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;
}

.bannerWrapper .banner .bannerL{
	float: left;
}
.bannerWrapper .banner .bannerR{
	float: right;
}

.bannerWrapper .banner .bannerR .login a{
	color: #F51400;
}




.searchWrapper{
	width: 1200px;
	height: 70px;
	margin: 0 auto;
	margin-top: 30px ;
	/* background-color: #bab1b4; */
}
.searchWrapper .item{
	display: inline-block;
	height: 70px;
	
}

.searchWrapper .pic{
	padding-top:10px ;
}

.searchWrapper .input{
	
	padding-left: 200px;
	
}
.searchWrapper .input .inputWrapper{
	height: 40px;
	/* background-color: #00FF00; */
}
.searchWrapper .input .inputWrapper input{
	outline: none;
	width: 260px;
	height: 30px;
	border:solid 4px #DE0304;
}
	
	
.searchWrapper .input .inputWrapper button{
	height: 40px;
	width: 72px;
	border:none;
	position: relative;
	top:1px;
	background-color:#DE0304;
	color:#fff;
	font-weight: 600;
	font-size: 1.4em;
	letter-spacing: 10px;
}

.searchWrapper .input .hot{
	height: 30px;
	/* background-color: #98a2ff; */
	padding-top:10px ;
}

.searchWrapper .carts{
	background: url(https://www.youlu.net/images/home/cart.jpg) no-repeat;
	padding-left: 50px;
	background-position: left;
}


.searchWrapper .carts .cart{
	height:35px;
	/* line-height: 35px; */
}
.searchWrapper .carts .sitecart{
	padding-top: 22px;
}
.searchWrapper .carts .sitecart2{
	padding-top: 10px;
}

.searchWrapper .carts span{
	font-size: 1.2em;
	color:#FF0000;
	font-weight: 600;
}





/* 导航的开始 */
.navWrapper{
	width: 100%;
	height: 40px; 
	background-color: #C70B0B;
}

.navWrapper .nav {
	width: 1200px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
}
.navWrapper .nav>ul>li{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	cursor: pointer;
	color: #ffffff;
	font-weight: 600;
	font-size: 15px;
}

.navWrapper .nav>ul>li:hover{
	background-color: #ba1010;
}

.navWrapper .nav>ul>li:nth-child(1){
	background-color: #ba1010;
	width: 210px;
}

.navWrapper .nav>ul>li:nth-child(1)>i{
	margin: 12px 5px 0 80px;
}

/* 导航的结束 */














.contentWrapper{
	width: 1200px;
	height: 500px;
	/* background-color: #c3d8d3; */
	margin: 0 auto;
}
.contentWrapper .contentLeft{
	width: 210px;
	height: 100%;
	display: inline-block;
	/* border: solid 1px #ff0000; */
}
.contentWrapper .contentLeft .cate{
	padding: 10px 10px 5px 30px;
	border:solid 1px #DCDCDC;
	border-top: none;
}
.contentWrapper .contentLeft .cate .title{
	height: 30px;
	font-size: 1.2em;
	font-weight: 600;
	color:#464646;
}
.contentWrapper .contentLeft .cate .title>div{
	float: right;
}

.contentWrapper .contentLeft .classify {
	border:solid 1px #DCDCDC;
}

.contentWrapper .contentLeft .classify .title{
	height: 30px;
	font-size: 1.2em;
	font-weight: 600;
	color:#464646;
	padding:10px 10px 5px 30px;
}
.contentWrapper .contentLeft .classify .title>div{
	float: right;
}


.contentWrapper .contentLeft .cate .cate_items>a{
	display: inline-block;
	margin: 2px 5px 5px 0;
}
.contentWrapper .contentLeft .cate:hover{
	background-color: #CD0001;
}

.contentWrapper .contentLeft .cate:hover .title,
.contentWrapper .contentLeft .cate:hover .cate_items>a{
	color:#ffffff;
}


.contentWrapper .contentRight{
	width: calc(100% - 216px);
	/* border: solid 1px #000000; */
	height: 100%;
	display: inline-block;
}
.contentWrapper .contentRight .caption{
	margin: 10px;
}




.contentWrapper .contentRight .center , 
.contentWrapper .contentRight .aside{
	float: left;
}

.contentWrapper .contentRight .center{
	width: 750px;
	/* background-color: #00FFFF; */
	padding-left:5px;
}

/* 轮播图 */
.contentWrapper .contentRight .center .swiper{
	
	width: 735px;
	height: 340px;
	background-color: #0540E2;
	position: relative;
}

.contentWrapper .contentRight .center .swiper img{
	width: 735px;
	height: 340px;
	position: absolute;
	top:0px;
	left:0px;
}
.contentWrapper .contentRight .center .swiper .dot{
	position: absolute;
	width: auto;
	bottom: 10px;
	right:10px;
}

.contentWrapper .contentRight .center .swiper .dot span{
	display: inline-block;
	height: 20px;
	width: 20px;
	background-color: rgba(87, 98, 91, 0.7);
	line-height: 20px;
	text-align: center;
	border-radius: 10px ;
	color:#ffffff;
	cursor:pointer;
}

.contentWrapper .contentRight .center .swiper .dot span:hover{
	background-color: #CD0001;
}




.contentWrapper .contentRight .aside{
	width: 200px;
	/* background-color: #ffaa00; */
}



/* 推荐图书 标题 */
.recommend{
	height:35px;
	line-height: 35px;
}


.recommend .recommendTitle>div{
	line-height: 35px;
}
.recommend .recommendTitle .recommendTitleL{
	font-size: 20px;
	font-weight: 600;
	padding-left: 20px;
	margin-left:20px;
	background: url('https://www.youlu.net/images/home/bugle.jpg') no-repeat;
	background-position: left;
}
.recommend .recommendTitle .recommendTitleR{
	float:right;
	padding-right: 20px;
	font-size: 18px;
	font-weight: 600;
}
.recommend .recommendTitle .recommendTitleR .currentPage{
	color:#FF0000;
}


.booksPage{
	height: 500px;
	/* border:solid 1px red; */
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.booksPage .book_item{
	width: 25%;
	height: 50%;
	/* border: solid 1px grey; */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: left;
}



.aside .hbb{
	border:solid 1px #DCDCDC;
}
.aside .hots{
	border:solid 1px #DCDCDC;
	border-top: none;
}

.aside .hbb h3 , .aside .hots h3{
	font-size: 18px;
	font-weight: 900;
	margin: 10px;
}

.aside .hbb ul , .aside .hots ul{
	margin-left:20px;
	margin-bottom: 10px;
	/* color: red; */
	
}
.aside .hbb ul>li,.aside .hots ul>li{
	/* display: inline-block; */
	/* color:red; */
	padding: 5px 0;
}

.book_hot_title{
	font-size: 20px;
	font-size: 800;
	padding-left: 30px;
	background: url('https://www.youlu.net/images/home/rank.png') no-repeat;
	background-position: left;
	margin:10px 0;
	height:40px;
	line-height: 40px;
}


/* 小图的样式 */
.hot_item .cate1, .hot_item .cate2{
	display: flex;
	border:solid 1px #DCDCDC;
	cursor:pointer
}

.hot_item .cate1>img{
	flex: 4;
}

.hot_item .cate1 .book_name_wrap{
	flex: 4;
	margin-top:10px ;
}
.hot_item .cate1 .book_name_wrap .bookname{
	height: 36px;
}
.hot_item .cate1 .book_name_wrap .new{
	color:red;
	font-size: 14px;
	font-weight: 500;
}
.hot_item .cate1 .book_name_wrap .old{
	color:lightgrey;
	/* font-size: 14px; */
	/*font-weight: 500;*/
	text-decoration: line-through;
}


.hot_item .cate1 .num, .hot_item .cate2 .num{
	flex: 2;
	/* border:solid 1px grey; */
	height: 35px;
	display:flex;
	justify-content: center;
	align-items: center;
}
.hot_item .cate2 .book_name{
	flex:8;
	/* border:solid 1px grey; */
	sheight: 35px;
	display: flex;
	align-items: center;
}

.hot_item  .top{
	color:#ff6822;
	font-weight: 900;
}



